.index{width:100%; max-width:640px; min-height:320px; background:#f2f2f2;  z-index:100; padding-top:90px; padding-bottom:50px;}
/*swipe*/
.swipePanel{ padding:0px; padding-bottom:0px; height:auto;overflow: hidden;}
#banner{ margin:10px;}
.swipePanel .swipe { overflow: hidden;}
.swipePanel .swipe img{ display:block; height:auto;}
.swipePanel .swipe ul { float: left; -webkit-transistion: left 800ms ease-in 0; -moz-transition: left 800ms ease-in 0; -o-transition: left 800ms ease-in 0; -ms-transition: left 800ms ease-in 0; transition: left 800ms ease-in 0; }
.swipePanel .swipe #pagenavi { position:absolute; width:100%; left:0; bottom: 5px; text-align: center; }
.swipePanel .swipe #pagenavi a { width:6px; height:6px; line-height: 99em; background:rgba(100%,100%,100%,0.5); margin: 0 2px; overflow: hidden; cursor: pointer; display: inline-block; border-radius:50%;}
.swipePanel .swipe #pagenavi a.active { background:rgba(255,255,255,1);}

.icon{ width:100%; max-width:640px; background:#fff; overflow:hidden; padding-top:15px;}
.icon a{ display:block; float:left; width:25%; text-align:center;}
.icon a .pic{ height:48px;}
.icon a .pic img{ height:100%; width:auto;}
.icon a .topic{ font-size:12px; margin-top:8px; color:#333; padding-bottom:15px;}

.block01{ width:100%; max-width:640px; overflow:hidden; background:#fff; margin-top:10px;}
.block01 h2{ padding:10px 15px 3px 15px; font-weight:normal; font-size:16px; color:#333;}
.block01 h2 a{ float:right; color:#999; font-size:14px;}
.block01 h3{ padding:0 15px 10px 15px; font-weight:normal; font-size:14px; color:#333;}
.block01 ul li{ padding:15px; border-top:1px #f2f2f2 solid; height:82px; overflow:hidden;}
.block01 ul li a{ display:block;}
.block01 ul li a .pic{ float:left; width:110px; height:82px;}
.block01 ul li a .pic img{ display:block; width:110px; height:82px; border-radius:4px;} 
.block01 ul li a .intro{ margin-left:120px; height:82px;overflow:hidden;}
.block01 ul li a .intro h4{ font-weight:normal; font-size:14px; color:#393939;overflow:hidden; height:18px; display:inline-block; white-space: nowrap;text-overflow: ellipsis;}
.block01 ul li a .intro p{ font-size:12px; color:#7d7d7d; line-height:14px; height:28px; overflow:hidden;}
.block01 ul li a .intro time{ font-size:12px; color:#999; height:14px; background:url(../img/time.png) left center no-repeat; padding-left:18px; height:14px; display:inline-block; margin-top:10px; line-height:14px;}

.midd{ width:100%; max-width:640px; margin-top:10px;}
.midd img{ display:block; width:100%;}

.page{ border-top:1px #f2f2f2 solid; padding:15px;}
.page a{ display:inline-block; width:48px; height:25px; border:1px #999 solid; border-radius:4px; margin-right:8px;text-align:center; line-height:25px; font-size:14px; color:#333; margin-bottom:10px;}
.page a:last-child{ margin-right:0; }


.sort{ background:#fff; margin-bottom:10px; padding:6px 15px;}
.sort span{ display:inline-block; height:30px; border-radius:2px; background:#e8e8e8; font-size:13px; color:#888; width:22%; text-align:center; line-height:30px; margin:2% 4% 2% 0;}
.sort span:nth-child(4n){ margin-right:0;}
.sort span.on{ background:#008ee1; color:#fff;}
.block01 .tab{ padding:10px 15px;}
.block01 .tab span{ padding-right:5px; font-size:14px; color:#333;}
.block01 .tab span.on{ color:#008ee1;}

.block01 .tab02{ padding:0 15px 10px 15px;}
.block01 .tab02 span{ padding-right:5px; font-size:14px; color:#333;}
.block01 .tab02 span.on{ color:#008ee1;}

.newslist{ width:100%; max-width:640px; margin-top:8px;}
.newslist ul{ margin:0 15px;}
.newslist ul li{ padding:10px 0; border-bottom:1px #999 dashed;}
.newslist ul li a{font-size:14px; color:#333;}
.newslist ul li a span{  width:60%; overflow:hidden; height:18px; line-height:18px; display:inline-block; white-space: nowrap;text-overflow: ellipsis;}
.newslist ul li a time{ float:right;}

.article{ width:100%; overflow:hidden;}
.article .word{ padding:0 15px;}
.article .word h2{ font-size:16px; color:#333; padding-top:15px;}
.article .word>p{ font-size:14px; color:#333; padding-top:15px;}
.article .word>p span{ padding-right:10px;}
.article .word .intro img{ display:block; line-height:0;}
.article .word .intro p{ padding-top:10px; text-indent:28px; font-size:14px; color:#333; line-height:28px;}

.article .next{ padding:0 15px;}
.article .next a{ display:block; font-size:14px; color:#333; padding-bottom:5px;}
.article .wechat{ width:100%; max-width:640px; text-align:center; font-size:14px; color:#333; padding-bottom:20px;}
.article .wechat img{ display:inline-block; width:100px; height:100px;}

.introduce{ width:100%; max-width:640px; background:#fff; padding-bottom:5px; margin-bottom:10px;}
.introduce h1 img{ display:block;}
.introduce h2{ font-weight:normal; padding:10px 15px 5px 15px; font-size:16px; color:#333;}
.introduce p{ padding:2px 15px; font-size:14px; color:#333;}

.contact{ padding:10px 15px 30px 15px; background:#fff; margin-bottom:20px;}
.contact h1{ font-weight:normal; font-size:16px; color:#333; margin-bottom:10px;}
.contact p{ padding-bottom:8px;}
.contact p span{ font-size:14px; color:#333; float:left;}
.contact p span img{ display:inline-block; width:18px; height:18px; float:left; padding-right:4px; vertical-align:10xp;}
.contact p b{ font-weight:normal; font-size:14px; color:#333; display:block; margin-left:90px;}
.contact .form h2{ font-weight:normal; padding-bottom:8px; }
.contact .form h2 span{ font-size:14px; color:#333; line-height:18px; height:18px; background:url(../img/message.png) no-repeat left center; padding-left:22px; background-size:18px 18px;display:inline-block;}
.contact .form textarea{ width:100%; border:1px #999 solid; height:82px; font-size:14px; color:#333;}
.contact .form h3{ font-weight:normal; margin-top:15px;}
.contact .form h3 input{ width:100%; height:40px; background:#008ee1; font-size:14px; color:#fff; border:none;}
 
